<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="icon" href="/static/cart/img/心04.png" type="/image/x-icon"/>
    <link rel="stylesheet" href="/static/cart/css/One_bdyStyle.css">
    <link rel="stylesheet" href="/static/cart/css/index.css">
    <script type="text/javascript" src="/static/cart/js/jquery-3.1.1.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="/static/cart/css/One_mainFoot.css">
    <link rel="stylesheet" href="/static/cart/css/font-awesome-4.7.0/css/font-awesome.css"/>
</head>

<body>
<header>
    <a name="mao1">
        <div class="header">
            <ul class="header-left">
                <li>
                    <a href="http://gulimall.com">首页</a>
                </li>
            </ul>
            <ul class="header-right">
                <li>
                    <a th:if="${session.loginUser != null}" href="http://auth.gulimall.com/login.html"
                       style="color: red;">欢迎，[[${session.loginUser.nickname}]]</a>&nbsp;
                    <a th:if="${session.loginUser == null}" href="http://auth.gulimall.com/login.html"
                       style="color: red;">你好，请登录</a>
                </li>
                <li>
                    <a th:if="${session.loginUser == null}" href="http://auth.gulimall.com/reg.html">免费注册</a>
                </li>

                <li class="spacer"></li>
                <li><a href="http://order.gulimall.com/center/list.html">我的订单</a></li>
                <li class="spacer"></li>

            </ul>
            <div style="clear: both;"></div>
        </div>

    </a>
</header>


<div class="one_search">

    <div class="one_sousuo">
        <div class="one_search_top">
            <div class="one_top_left">
                <a href="http://gulimall.com" class="one_left_logo"><img src="/static/cart/img/logo1.jpg"></a>
                <a class="one_left_link">购物车</a>
            </div>
            <div class="one_top_right">
                <input id="input_keyword" type="text" class="one_right_txt" placeholder="" onfocus="this.placeholder=''"
                       onblur="this.placeholder='' ">
                <input type="button" id="btn_search" value="搜索" class="one_right_btn">
            </div>
        </div>
        <div class="one_search_load" th:if="${session.loginUser == null}">
            <img src="/static/cart/img/shop_07.jpg" class="one_load_wraing">
            <span>您还没有登录！登录后购物车的商品将保存到您账号中</span>
            <a href="#"><input type="button" onclick="login()" value="立即登录" class="one_load_btn"></a>
        </div>
    </div>
</div>
<div class="One_BdyShop" th:with="flag = ${cart==null || cart.items == null || cart.items.isEmpty()}">
    <!--购物车为空就显示这个-->
    <div class="cart-empty" th:style="${flag ? '' : 'display: none;'}">
        <div class="message">
            <ul>
                <li class="txt">购物车空空的哦~，去看看心仪的商品吧~</li>
                <li><a href="http://gulimall.com/" class="ftx-05">去购物&gt;</a></li>
            </ul>
        </div>
    </div>
        <!--购物车不空-->
    <div class="OneBdy_box" th:style="${!flag ? '' : 'display: none;'}">
        <div class="One_tabTop">
            <div class="One_Topleft" style="color: #e2231a;">
                <span>全部商品 </span>
                <span style="font-size: 14px">[[${cart.totalCount}]]</span>
            </div>

        </div>
        <div class="One_ShopTop">
            <ul>
                <li><input type="checkbox" class="allCheck">全选</li>
                <li>商品</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>

        <div class="One_ShopCon">
            <ul>
                <li th:each="item : ${cart.items}" th:attr="skuId=${item.skuId}">
                    <div></div>
                    <div>
                        <ol>
                            <li><input type="checkbox" class="check" th:checked="${item.checked}"></li>
                            <li>
                                <dt><img th:src="${item.skuImg}" src="/static/cart/img/shop1.jpg" alt=""></dt>
                                <dd>
                                    <p>
                                        <span th:text="${item.skuTitle}">TCL 55A950C 55英寸32核</span>
                                    </p>
                                    <p th:each="attr : ${item.attrs}" th:text="${attr}">人工智能 HDR曲面超薄4K电视金属机</p>
                                </dd>
                            </li>
                            <li>
                                <p class="dj">￥[[${#numbers.formatDecimal(item.price, 1, 2)}]]</p>
                            </li>
                            <li>
                                <p th:attr="skuId=${item.skuId}">
                                    <span>-</span>
                                    <span th:text="${item.count}">5</span>
                                    <span>+</span>
                                </p>
                            </li>
                            <li style="font-weight:bold"><p class="zj">￥[[${#numbers.formatDecimal(item.totalPrice, 1,
                                2)}]]</p></li>
                            <li>
                                <button th:attr="skuId=${item.skuId}" onclick="deleteItem()" class="deleteItemBtn">删除</button>
                            </li>
                        </ol>
                    </div>
                </li>

            </ul>
        </div>
        <div class="One_ShopFootBuy fix1">
            <div>
                <ul>
                    <li><input type="checkbox" class="allCheck" style="margin-right: 5px; "><span>全选</span></li>
                    <li>删除选中的商品</li>
                    <li>移到我的关注</li>
                    <li>清除下柜商品</li>
                </ul>
            </div>
            <div>
                已选择：<font style="color:#e64346;font-weight:bold;" class="sumNum" th:text="${cart.totalCount}"> </font>&nbsp;件
                <ul>
                    <li><img src="/static/cart/img/buyNumleft.png" alt=""></li>
                    <li><img src="/static/cart/img/buyNumright.png" alt=""></li>
                </ul>
            </div>
            <div>
                <ol>
                    <li>总价：<span style="color:#e64346;font-weight:bold;font-size:16px;" class="fnt">￥[[${#numbers.formatDecimal(cart.totalPrice, 1, 2)}]]</span>
                    </li>
                    <li>优惠：[[${#numbers.formatDecimal(cart.totalReduce, 1, 2)}]]</li>
                </ol>
            </div>
            <div>
                <button onclick="toTrade()" type="button">去结算</button>
            </div>
        </div>
    </div>
</div>

<div class="One_isDel">
    <p>
        <span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
    </p>
    <div>
        <dl>
            <dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
            <dd>
                <li>删除商品？</li>
                <li>您可以选择移到关注，或删除商品。</li>
            </dd>
        </dl>
    </div>
    <div>
        <button type="button" >删除</button>

    </div>
</div>
<div class="One_moveGzIfNull">
    <p>
        <span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
    </p>
    <dl>
        <dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
        <dd>请至少选中一件商品！</dd>
    </dl>
</div>
<div class="One_moveMyGz">
    <p>
        <span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
    </p>
    <div>
        <dl>
            <dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
            <dd>
                <li>移到关注</li>
                <li>移动后选中商品将不再购物车中显示</li>
            </dd>
        </dl>
    </div>
    <div>
        <button type="button">确定</button>
        <button type="button">取消</button>
    </div>
</div>
<div class="One_clearShop">
    <p>
        <span>提示</span><span><img src="/static/cart/img/错误.png" alt=""></span>
    </p>
    <dl>
        <dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
        <dd>没有下柜商品!</dd>
    </dl>
</div>
<!--底部-->
<div class="one_footer" style="vertical-align: text-bottom;" th:if="${session.loginUser != null && cart.items != null && !cart.items.isEmpty()}">

</div>
</body>
<script type="text/javascript" src="/static/cart/js/index.js" charset="utf-8"></script>
<script type="text/javascript">
    function toTrade() {
        var count = parseInt($(".sumNum").html())
        if (count < 1) {
            alert("请至少选择一件商品")
            return false;
        }
        window.location.href = "http://order.gulimall.com/toTrade";
    }

    function login() {
        window.location.href = "http://auth.gulimall.com/login.html";
    }

    /**
     * 删除购物车中的购物项
     */
    function delItems(skuIds) {
        $.ajax({
            type: "POST",
            url: "/cart/del/batch",
            contentType: "application/json",
            data : JSON.stringify(skuIds),
            success: function (res) {
                console.log(res)
                // 重新计算总价，显示数量
                sumSumPrice();
                sumSumNum();
                // 修改全选状态
                if($(".check").length==0){
                    $(".allCheck").prop("checked",false);
                    $(".sumNum").html("0");
                    $(".fnt").html("￥ 0.00");
                    // 显示空购物车
                    $(".OneBdy_box").css('display', 'none')
                    $(".cart-empty").css('display', '')
                }
            },
            dataType: "json"
        });
    }

    /**
     * 改变购物车中某个购物项选中状态
     */
    function changeItemCheckedStatus(skuId, checked) {
        var path = "/cart/change/status?skuId=" + skuId + "&checked=" + checked;
        $.get(path, function (res){console.log("改变购物项选中状态：", res)})
    }

    /**
     * 改变购物车中某个购物项的数量
     */
    function changeItemCount(skuId, count) {
        var path = "/cart/change/count?skuId=" + skuId + "&count=" + count;
        $.get(path, function (res){console.log("改变购物项选中状态：", res)})
    }

    /**
     * 改变每个购物项的选中状态
     */
    function changeAllItemStatus() {
        // 改变每个购物项的选中状态，重新计算数量和价格
        $(".check").each(function (){
            // 发送请求
            var checked = $(this).prop("checked");
            var skuId = $(this).parent().parent().parent().parent().attr("skuId");
            changeItemCheckedStatus(skuId, checked)
        })
    }

    $(function (){
        if ($(".check[class='check']:checked").length == $(".check[class='check']").length) {
            $(".allCheck").prop("checked", true);
        } else {
            $(".allCheck").prop("checked", false)
        }
    })

    // 搜索按钮
    $("#btn_search").click(function () {
        var keyword = $.trim($("#input_keyword").val());

        if (keyword.length == 0) {
            return false;
        }
        window.location.href = "http://search.gulimall.com/list.html?keyword=" + keyword;
    })

    //购物车顶端tab
    //立即登录
    $(".one_search_load input:button").click(function () {
        $(".One_mb").show();
        $(".One_DengLu").show();
    })
    //去结算
    $(".One_ShopFootBuy>div:last-child button").mouseover(function () {
        $(this).css("cursor", "pointer");
    })
    $(".One_ShopFootBuy>div:last-child button").click(function () {
        $(".One_mb").show();
        $(".One_DengLu").show();
    })
    //buyNum
    $(".One_ShopFootBuy>div:nth-child(2)").mouseover(function () {
        $(this).css("cursor", "pointer")
    })
    $(".One_ShopFootBuy>div:nth-child(2)").click(function () {
        $(this).children("ol").toggle();
        $(this).children("ul").toggle();
        var dis = $(".One_ShopFootBuy>div:nth-child(2) ol").css("display");
        if (dis == "none") {
            $(".One_ShopFootBuy>div:nth-child(2) img").css("transform", "rotateX(0)")
        } else if (dis == "block") {
            $(".One_ShopFootBuy>div:nth-child(2) img").css("transform", "rotateX(180deg)")
        }
    })
    //右侧固定定位
    $(".One_RightFix ul>li:not(:first-child)").mouseover(function () {
        $(this).css({
            "cursor": "pointer",
            "background": "#C91423"
        })
        $(this).children("ol").stop().animate({
            "left": "-75px"
        }, 200)
    }).mouseout(function () {
        $(this).css("background", "#7A6E6E");
        $(this).children("ol").stop().animate({
            "left": "75px"
        }, 200)
    })
    //右侧底部固定定位
    $(".One_RightbtmFix ul>li").mouseover(function () {
        $(this).css({
            "cursor": "pointer",
            "background": "#C91423"
        })
        $(this).children("ol").stop().animate({
            "left": "-55px"
        }, 200)
    }).mouseout(function () {
        $(this).css("background", "#7A6E6E");
        $(this).children("ol").stop().animate({
            "left": "55px"
        }, 200)
    })
    //登录弹框tab切换
    $(".One_DengLu>div:nth-child(3) ul li").mouseover(function () {
        $(this).css("cursor", "pointer")
    })
    $(".One_DengLu>div:nth-child(3) ul li").click(function () {
        var i = $(this).index();
        $(this).css({
            "color": "#E64346",
            "font-weight": "bold"
        })
            .siblings("li").css({
            "color": "black",
            "font-weight": "normal"
        })
        $(".One_DengLu>div:nth-child(3) ol li").eq(i).show().siblings().hide()
    })
    //优惠券
    $(".One_ShopBottom>div:nth-child(2) img").click(function () {
        $(".One_mb").show();
        $(".One_DengLu").show();
    })
    //配送地址hover效果
    $(".One_Topright span:last-child").mouseover(function () {
        $(this).children(".One_Local").css("display", "block")
    }).mouseout(function () {
        $(".One_Local>ul>li").eq(0).children("ol").css("display", "block")
        $(this).children(".One_Local").css("display", "none")
    })

    $(".One_Local>ul>li").eq(0).children("ol").css("display", "block")
    $(".One_Local>ul>li").mouseover(function () {
        var i = $(this).index();
        $(this).css("cursor", "pointer");
        $(this).children("ol").css("display", "block")
    }).mouseout(function () {
        $(".One_Local>ul>li").eq(0).children("ol").css("display", "block")
        $(this).children("ol").css("display", "none")
    })

    $(".One_Local>ul>li>ol li").mouseover(function () {
        $(this).css({
            "cursor": "pointer",
            "color": "#e64346"
        })
    }).mouseout(function () {
        $(this).css("color", "#005AA0")
    })

    $(".One_Local>ul>li>ol li").click(function () {
        $(this).parent().parent().children("label").html($(this).html())
    })
    //购物车全选反选
    $(".One_ShopTop ul li:first-child .allCheck").click(function () {
        if ($(".One_ShopTop ul li:first-child .allCheck").is(":checked")) {
            // $(".check").each(function(index){
            $(".check").prop("checked", true);
            $(".check").parent().parent().parent().css("background", "#fff4e8");
            $(".allCheck").prop("checked", true)
            // })
        } else {
            // $(".check").each(function(){
            $(".check").parent().parent().parent().css("background", "none");
            $(".check").prop("checked", false);
            $(".allCheck").prop("checked", false)
            // })
        }
        // 改变每个购物项的选中状态，重新计算数量和价格
        changeAllItemStatus();
        // 重写选中的数量
        sumSumNum();
        // 重新计算总价
        sumSumPrice();
    })
    $(".One_ShopFootBuy>div:first-child ul li:first-child .allCheck").click(function () {
        if ($(".One_ShopFootBuy>div:first-child ul li:first-child .allCheck").is(":checked")) {
            $(".check").prop("checked", true);
            $(".check").parent().parent().parent().css("background", "#fff4e8");
            $(".allCheck").prop("checked", true)
        } else {
            $(".check").parent().parent().parent().css("background", "none");
            $(".check").prop("checked", false);
            $(".allCheck").prop("checked", false)
        }
        // 改变每个购物项的选中状态，重新计算数量和价格
        changeAllItemStatus();
        // 重写选中的数量
        sumSumNum();
        // 重新计算总价
        sumSumPrice();
    })
    //单选框单击事件 如果子选择框没有选中则父选框取消全选
    $(".check").click(function () {
        // 发送请求
        var checked = $(this).prop("checked");
        var skuId = $(this).parent().parent().parent().parent().attr("skuId");
        changeItemCheckedStatus(skuId, checked)
        $(".check").each(function () {
            if ($(this).prop("checked") == true) {
                $(".allCheck").prop("checked", false);
            }
        })
        // 重写选中的数量
        sumSumNum();
        // 重新计算总价
        sumSumPrice();
    })
    //子选择框全部选中复选框也选中
    $(".check").click(function () {
        if ($(".check[class='check']:checked").length == $(".check[class='check']").length) {
            $(".allCheck").prop("checked", true);
        } else {
            $(".allCheck").prop("checked", false)
        }
    })
    //删除选中的商品
    $(".One_ShopFootBuy>div:first-child ul li:nth-child(2)").click(function () {
        var skuids = [];
        $(".check:checked").parent().parent().parent().parent().each(function (){
            skuids.push($(this).attr("skuId"))
            // $(this).remove()
        })
        $(".check:checked").parent().parent().parent().parent().remove()
        console.log(skuids)
        // 向后台发送删除购物项请求
        delItems(skuids);
        // $(".check").each(function(){
        // if ($(".check").is(":checked") == false) {
        //     $(".One_mb").show();
        //     $(".One_moveGzIfNull").show();
        // } else {
        //     $(".One_mb").show(); //蒙版显示
        //     $(".One_isDel").show(); //删除弹框显示
        //     $(".One_moveGzIfNull").hide();
        // }
        //移除结账固定定位
        // if($(".check").length==1){
        // 	$(".fix").remove();
        // }
        // })
        //var that=$(this);
        //确定删除
        //       $(".One_isDel>div:last-child button:first-child").click(function(){
        //           $(".One_mb").hide();    //蒙版隐藏
        //           $(".One_isDel").hide(); //删除弹框隐藏
        //           //删除选中商品 $(".check:checked")是选择框，$(".check:checked").parent().parent().parent().parent()是整个商品项
        //           // if($(".fix").offset().top>$(".fix1").offset().top){
        //           //     $(".fix").hide();
        //           // }
        //           if($(".check").length==0){
        //               $(".allCheck").prop("checked",false);
        //               $(".sumNum").html("0");
        //               $(".fnt").html("￥ 0.00");
        //           }
        //       })
    })
    //确定删除弹框移入我的关注
    $(".One_isDel>div:last-child button:last-child").click(function () {
        $(".One_isDel").hide();
        $(".One_mb").show();
        $(".One_DengLu").show();
    })
    //移到我的关注
    $(".One_ShopFootBuy>div:first-child ul li:nth-child(3)").click(function () {
        $(".check").each(function (index) {
            if ($(this).is(":checked") == false) {
                $(".One_mb").show();
                $(".One_moveGzIfNull").show();
            } else {
                $(".One_mb").show();
                $(".One_moveMyGz").show();
                $(".One_moveGzIfNull").hide();
            }
        })
    })
    //点击×号关闭
    $(".One_moveGzIfNull>p span:last-child img").click(function () {
        $(".One_mb").hide();
        $(".One_moveGzIfNull").hide();
    })
    $(".One_moveMyGz>p span:last-child img").click(function () {
        $(".One_mb").hide();
        $(".One_moveMyGz").hide();
        $(".One_moveGzIfNull").hide();
    })
    $(".One_clearShop>p span:last-child img").click(function () {
        $(".One_mb").hide();
        $(".One_clearShop").hide();
    })
    //移到我的关注取消按钮点击关闭
    $(".One_moveMyGz>div:last-child button:last-child").click(function () {
        $(".One_mb").hide();
        $(".One_moveMyGz").hide();
    })
    //移到我的关注确定按钮点击登录弹框弹出
    $(".One_moveMyGz>div:last-child button:first-child").click(function () {
        $(".One_moveMyGz").hide();
        $(".One_mb").show();
        $(".One_DengLu").show();
    })

    $(".One_DengLu>p:first-child span:last-child img").click(function () {
        $(".One_mb").hide();
        $(".One_DengLu").hide();
    })
    //清除下柜商品
    $(".One_ShopFootBuy>div:first-child ul li:nth-child(4)").click(function () {
        $(".One_mb").show();
        $(".One_clearShop").show()
    })
    //购物车+ -
    //鼠标移入变小手
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span").mouseover(function () {
        $(this).css("cursor", "pointer")
    })
    // 购物项数量 +
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:last-child").click(function () {
        var add = $(this).prev("span").html();
        add++;
        $(this).prev("span").html(add);
        // 发送请求
        var skuId = $(this).parent().attr("skuId");
        changeItemCount(skuId, add)
        //总价
        var dj = $(this).parent().parent().prev().children(".dj").html().substring(1);
        var sl = $(this).prev("span").html();
        $(this).parent().parent().parent().children("li:nth-child(5)").children(".zj").html("￥" + dj * sl + ".00")
        sumSumPrice();
        sumSumNum();

    })
    // 购物项数量 -
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:first-child").click(function () {
        var jian = $(this).next("span").html();
        if (jian == 1) {
            return;
        }
        jian--;
        // 发送请求
        var skuId = $(this).parent().attr("skuId");
        changeItemCount(skuId, jian)
        $(this).next("span").html(jian);
        //总价
        var dj = $(this).parent().parent().prev().children(".dj").html().substring(1);
        var sl = $(this).next("span").html();
        $(this).parent().parent().parent().children("li:nth-child(5)").children(".zj").html("￥" + dj * sl + ".00")
        sumSumPrice();
        sumSumNum();
    })
    //选中当前商品背景变色
    $(".check").each(function (index) {
        $(".check").eq(cartList).click(function () {
            if ($(this).is(":checked")) {
                $(this).parent().parent().parent().css("background", "#fff4e8");
                $(this).parent().parent().parent().parent().children("div:last-child").css("background", "#fff4e8")
            } else {
                $(this).parent().parent().parent().parent().children("div:last-child").css("background", "none")
                $(this).parent().parent().parent().css("background", "none")
            }
        })
    })
    //商品删除鼠标移入变色
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p").mouseover(function () {
        $(this).css({
            "cursor": "pointer",
            "color": "#e64346"
        });
    }).mouseout(function () {
        $(this).css({
            "cursor": "pointer",
            "color": "gray"
        });
    })
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:nth-child(2)").click(function () {
        $(".One_mb").show();
        $(".One_moveMyGz").show();
    })
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:last-child").click(function () {
        $(".One_mb").show();
        $(".One_DengLu").show();
    })
    //点击删除
    //点击删除出现弹框
    $(".One_isDel>p img").click(function () {
        $(".One_mb").hide();
        $(".One_isDel").hide();
    })
    // 每一个购物项的删除按钮
    $(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:first-child").click(function () {
        var skuId = $(this).parent().parent().parent().parent().attr("skuId");
        // console.log(skuId)
        var skuIds = []
        skuIds.push(skuId)
        // 执行删除，并删除这一行
        delItems(skuIds)
        $(this).parent().parent().parent().parent().remove()
        // 重新计算总价，显示数量
        sumSumPrice();
        sumSumNum();
        // $(".One_mb").show();
        // $(".One_isDel").show();
        // var that = $(this);
        //确定删除
        /*        $(".One_isDel>div:last-child button:first-child").click(function(){
                    $(".One_mb").hide();
                    $(".One_isDel").hide();
                    that.parent().parent().parent().parent().remove();
                    // 移除结账固定定位
                    // if($(".check").length==1){
                    // 	$(".fix").remove();
                    // }
                    if($(".fix").offset().top>$(".fix1").offset().top){
                        $(".fix").hide();
                    }
                    if($(".check").length==0){
                        $(".allCheck").prop("checked",false);
                        $(".sumNum").html("0");
                        $(".fnt").html("￥ 0.00");
                    }
                })*/
    })
    /*    //页面滚动删除去结算固定定位隐藏
        $(document).scroll(function(){
            if($(".fix").offset().top>$(".fix1").offset().top){
                $(".fix").hide();
            }
        })*/
    $(".One_isDel>div:last-child button").mouseover(function () {
        $(this).css("cursor", "pointer");
    })

    $(".One_ShopFootBuy>div:first-child ul li:not(:first-child)").mouseover(function () {
        $(this).css({
            "cursor": "pointer",
            "color": "#e64346"
        })
    }).mouseout(function () {
        $(this).css("color", "black")
    })

    //封装总价钱函数
    function sumSumPrice() {
        console.log("计算总价");
        var zzj = 0;
        $(".check").each(function () {
            if ($(this).prop("checked")) {
                console.log("check!!" + $(this).parents("ol").find(".zj").html());
                var zj = $(this).parents("ol").find(".zj").html().substring(1);
                console.log(" 价格：" + zj);
                zzj = zzj + parseFloat(zj);
            }
            $(".fnt").html("￥" + zzj + ".00")
        })
    }

    //封装总数量函数
    function sumSumNum() {
        var kong = 0;
        $(".One_ShopCon ul li>div:nth-child(2) ol").each(function (){
            // ol 下面每一个li都是购物项
            var flag = $(this).find("li:first-child input").prop("checked")
            // 当前购物项是选中的
            if (flag) {
                // 当前购物项的数量
                var count = $(this).find("li:nth-child(4) p:first-child span:nth-child(2)").html()
                kong += parseFloat(count)
            }
        })
        $(".sumNum").html(kong);
    }

    $(".One_ShopCon ul li>div:nth-child(2)>ol>li:nth-child(2)>dd p:first-child").mouseover(function () {
        $(this).css({
            "cursor": "pointer",
            "color": "#e64346"
        })
    }).mouseout(function () {
        $(this).css("color", "black")
    })
    //更多促销下拉
    $(".One_ShopCon ul li>div:nth-child(2) ol li:nth-child(3) p:nth-child(2)").click(function () {
        $(this).parent().children(".nmbd").slideToggle(300);
        var dis = $(this).parent().children(".nmbd").css("display");
        console.log(dis);
        // if(dis=="block"){
        // 	$(".hahaha").css("transform","rotateX(-180deg)")
        // }else{
        // 	$(".hahaha").css("transform","rotateX(360deg)")
        // }
    })
    $(".nmbd dd:last-child button:first-child").click(function () {
        $(this).parent().parent().slideUp(100)
    })
    $(".nmbd dd:last-child button:last-child").click(function () {
        $(this).parent().parent().slideUp(100)
    })


    //active
    $(".one_main_div1 .one_main_ul>li").mouseover(function () {
        $(".one_main_div1 .one_main_ul>li").removeClass("active");
        $(this).addClass("active");
    })
    //选项卡
    $(".one_main_div1 .one_main_ul li").mouseover(function () {
        $(".one_main_div1_1").eq($(this).index()).stop(true).show().siblings().stop(true).hide()
    })

    $(function () {
        //声明变量记录索引
        var index = 0;
        //点击右边按钮
        //忽略重复点击开关
        var toggle = true
        $(".arrow-right").click(function () {

            if (toggle == false) {
                return
            }
            toggle = false
            cartList++;
            if (cartList > $('.fade li').length - 1) {
                cartList = 0;
            }

        });

        //点击左边按钮
        $(".arrow-left").click(function () {
            if (toggle == false) {
                return
            }
            toggle = false
            cartList--;
            if (cartList < 0) {
                cartList = $('.fade li').length - 1;
            }
            $('.pagination ul li').eq(cartList).addClass('active').siblings().removeClass('active')
            $(".slider>ul>li").eq(cartList).fadeIn(500, function () {
                toggle = true
            }).siblings("li").fadeOut(500);
        });
        //点击分页器
        $('.pagination ul li').mouseover(function () {
            var paging = $(this).index()
            //变颜色
            $(this).addClass('active').siblings().removeClass('active')
            //与图片关联
            $(".slider>ul>li").eq(paging).fadeIn(1000).siblings("li").fadeOut(1000);

        })
    });
    $(".fade li>div a").mouseover(function () {
        $(this).children("p").children("img").attr("src", "img/one_mian_gwc2.png")
    }).mouseout(function () {
        $(this).children("p").children("img").attr("src", "img/one_mian_gwc1.png")
    })

    function deleteItem(){
        var deleteId = $(".deleteItemBtn").attr("skuId");

        window.location.href = "http://cart.gulimall.com/deleteItem?skuId=" + deleteId;
    }
</script>
</html>
